<template>
  <div>
     
  <el-menu
    style="width: 200px; min-height:calc(100vh - 50px);"
    default-active="2"
    class="el-menu-vertical-demo"
    :collapse="isCollapse"
    
  >
    <el-sub-menu index="1">
      <template #title>
        <i class="el-icon-location"></i>
        <span>Navigator One</span>
      </template>
    </el-sub-menu>

    <el-menu-item index="2">
      <i class="el-icon-menu"></i>
      <template #title>Navigator Two</template>
    </el-menu-item>

    <el-menu-item index="3" disabled>
      <i class="el-icon-document"></i>
      <template #title>Navigator Three</template>
    </el-menu-item>

    <el-menu-item index="4">
      <i class="el-icon-setting"></i>
      <template #title>Navigator Four</template>
    </el-menu-item>

  </el-menu>
  </div>
</template>

<script>
export default {
    name: "Aside"
}
</script>

<style>

</style>
